@charset "utf-8";
/* margin */
.m20{margin:20px;}
.mt20{margin-top:20px;}
.mr20{margin-right:20px;}
.mb20{margin-bottom:20px;}
.ml20{margin-left:20px;}

.m20-i{margin:20px!important;}
.mt20-i{margin-top:20px!important;}
.mr20-i{margin-right:20px!important;}
.mb20-i{margin-bottom:20px!important;}
.ml20-i{margin-left:20px!important;}

/* padding */
.p20{padding:20px;}
.pt20{padding-top:20px;}
.pr20{padding-right:20px;}
.pb20{padding-bottom:20px;}
.pl20{padding-left:20px;}

.p20-i{padding:20px!important;}
.pt20-i{padding-top:20px!important;}
.pr20-i{padding-right:20px!important;}
.pb20-i{padding-bottom:20px!important;}
.pl20-i{padding-left:20px!important;}

/* top right bottom left*/
.t20{top:20px;}
.r20{right:20px;}
.b20{bottom:20px;}
.l20{left:20px;}
.trbl20{top:20px;right:20px;bottom:20px;left:20px;}

.t20-i{top:20px!important;}
.r20-i{right:20px!important;}
.b20-i{bottom:20px!important;}
.l20-i{left:20px!important;}
.trbl20-i{top:20px!important;right:20px!important;bottom:20px!important;left:20px!important;}

/* height line-height width */
.h20{height:20px;}
.lh20{line-height:20px;}
.w20{width:20px;}

.h20-i{height:20px!important;}
.lh20-i{line-height:20px!important;}
.w20-i{width:20px!important;}

/* border */
.bor20{border-width: 20px;}
.bor_t20{border-top-width: 20px;}
.bor_r20{border-right-width: 20px;}
.bor_b20{border-bottom-width: 20px;}
.bor_l20{border-left-width: 20px;}

.bor20-i{border-width: 20px!important;}
.bor_t20-i{border-top-width: 20px!important;}
.bor_r20-i{border-right-width: 20px!important;}
.bor_b20-i{border-bottom-width: 20px!important;}
.bor_l20-i{border-left-width: 20px!important;}